<template>
  <div>
    <div class="q-pa-md q-gutter-sm">
      <q-breadcrumbs>
        <q-breadcrumbs-el label="首页" to="/quasar/index"/>
        <q-breadcrumbs-el label="我的考试"/>
      </q-breadcrumbs>
    </div>
    <div class="row q-pa-sm">
      <q-bar style="width: 100%">
        <div class="text-h5 text-white">我的考试</div>
      </q-bar>
    </div>
    <div class="row">
      <div class="col col-xs-12 col-sm-6 col-md-4 col-lg-3" v-for="(exam,index) in exams" :key="index">
        <q-card class="my-card q-ma-md ">
          <q-card-section class="">
            <div class="text-subtitle2 text-bold">考试科目: {{exam.subjectName}}</div>
            <div class="text-subtitle2 text-bold">考试开始: {{exam.startTime}}</div>
            <div class="text-subtitle2 text-bold">考试结束: {{exam.endTime}}</div>
          </q-card-section>
          <q-separator/>
          <q-card-actions align="right">
            <q-btn color="primary" glossy label="开始考试" @click="requestBodyExam"/>
          </q-card-actions>
        </q-card>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "examStart",
    components: {},
    data() {
      return {
        exams: [
          {subjectName: 'java', startTime: '2020.12.01', endTime: '2020.12.03'},
          {subjectName: 'java', startTime: '2020.12.01', endTime: '2020.12.03'},
          {subjectName: 'java', startTime: '2020.12.01', endTime: '2020.12.03'},
          {subjectName: 'java', startTime: '2020.12.01', endTime: '2020.12.03'},
          {subjectName: 'java', startTime: '2020.12.01', endTime: '2020.12.03'},
          {subjectName: 'java', startTime: '2020.12.01', endTime: '2020.12.03'},
          {subjectName: 'java', startTime: '2020.12.01', endTime: '2020.12.03'},
          {subjectName: 'java', startTime: '2020.12.01', endTime: '2020.12.03'},
          {subjectName: 'java', startTime: '2020.12.01', endTime: '2020.12.03'},
          {subjectName: 'java', startTime: '2020.12.01', endTime: '2020.12.03'},
          {subjectName: 'java', startTime: '2020.12.01', endTime: '2020.12.03'},
        ]
      }
    },
    methods: {
      requestBodyExam() {
        this.$axios.get('/user/swaggerGet/tom').then(res => {
          console.log(res.data,'======')
        })
      }
    }
  }
</script>

<style scoped>

</style>
